<script lang="ts" setup>
function onCallback(val: number) {
  console.log('app', val);
}

import { ref } from 'vue';

const val = ref('0');
const val2 = ref('0');
const flag = ref(false);
</script>
<template>
  <div>
    <!-- <ea-button type="primary">Test Button</ea-button> -->
    <my-vboard class="board-input" :callback="onCallback" v-model="val" :intOnly="true" :min="-10" :step="1"></my-vboard>
    <my-vboard class="board-input" :callback="onCallback" v-model="val2" :min="0" :step="0.1"></my-vboard>
    <!-- <my-vicon icon="check"></my-vicon>
    <my-vicon icon="copy" class="no-alpha"></my-vicon>
    <my-vicon icon="copy"></my-vicon> -->
    <!-- <my-vicon icon="copy" class="no-alpha"></my-vicon> -->

  </div>
</template>
<style lang="scss">
.board-input {
  width: 300px;

  // &.vinput-box {
  //   height: 28px;
  // }
}
</style>